// @ts-check
// import { configs } from "@eslint/js";
import { config, configs as ts } from "typescript-eslint";
import { configs as ng, processInlineTemplates } from "angular-eslint";

export default config(
  {
    ignores: [
      "./src/stories/**/*.ts"
    ],
    files: ["**/*.ts"],
    extends: [
      // configs.recommended,
      // @ts-ignore

      ...ts.recommended,
      // @ts-ignore

      ...ts.stylistic,
      // @ts-ignore
      ...ng.tsRecommended,
    ],
    processor: processInlineTemplates,
    rules: {
      "@angular-eslint/directive-selector": [
        "error",
        {
          type: "attribute",
          prefix: "app",
          style: "camelCase",
        },
      ],
      "@angular-eslint/component-selector": [
        "error",
        {
          type: "element",
          prefix: "app",
          style: "kebab-case",
        },
      ],
      "@typescript-eslint/no-unused-vars": "off",
    },
  },
  {
    files: ["**/*.html"],
    extends: [
      ...ng.templateRecommended,
      ...ng.templateAccessibility,
    ],
    rules: {
      "@angular-eslint/template/click-events-have-key-events": "off",
    },
  }
);
